<template>
<div class="box" @click="notice">
    <float-icons padding="10 0 60 0" class="icons-warp">
        <div class="float-icon-item">
            <img src="../../assets/dargIcon/back.png" alt="" @click="handleIcons('/home')" />
            <span>返回</span>
        </div>
        <!-- <div class="float-icon-item">
            <img src="../../assets/dargIcon/cart-icon.png" alt="" @click="handleIcons('/cart')" />
            <span>购物车</span>
        </div> -->
    </float-icons>
</div>
</template>

<script>
import { isbind } from '../isCheckBind.js'
import {
    toast
} from "../../utils/toast.js"
import FloatIcons from '@/components/s-icons'
export default {
    name: "mysteryCustomer",
    components: {
        FloatIcons
    },
    mounted() {
       isbind()
    },
    methods: {
        handleIcons(id) {
            this.$router.replace({
                path: "/memberCenter"
            })
        },
        notice() {
            toast({
                message: "即将上线,敬请期待!",
                time: "2000"
            })
        }
    }
}
</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../../assets/memberImg/pre.jpg") no-repeat center;
    background-size: 100% 100%;

    .icons-warp {
        // border-radius: 25px;
        border-radius: 25px 0 0 25px;

        .float-icon-item {
            display: flex;
            flex-direction: row;
            // padding-left: 14px;
            // padding-right: 14px;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 80px;
            height: 40px;

            img {
                width: 25px;
                height: 25px;
                margin-bottom: 3px;
            }

            span {
                margin-left: 5px;
                font-size: 12px;
                color: #666666;
            }
        }
    }
}
</style>
